<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js" ></script>
		<script src="js/jquery-min.js" ></script>
	</head>
	<h1>{{address}}</h1>
	<body>
		<div id="app">
			{{msg}}
			<h1>{{address}}</h1>
			<h2>{{address}}</h2>
			<h3>{{address}}</h3>
			<h4>{{address}}</h4>
			<h5>{{address}}</h5>
			
			<!--设置一个指令 v-model 
	1，操作页面元素view 数据model发生变化
	2，操纵数据model 页面元素内容view随之变化
	Vue 和js jquery的本质区别
	1 js有专门一套API 需要学习记忆
	2 jq本质封装js 简写js写法 独创了一套API 需要额外记忆
	3 vue 完全不同思路 只需要操作数据 不同的组件操作方式完全相同 只需要操作数据 无需额外记忆
	vue 替代js和jquery		-->
			<input type="text"  id="address" v-model="address" />
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				msg:"hello vuejs",
				address:"喜剧的内核是悲剧"
			}
		})
	</script>
</html>
